<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui">


    <div class="panelTitulo">
        #{bundleEtiquetasES.ExperienciaLaboral}
    </div> 

    <p:panel header="#{bundleEtiquetasES.ExperienciaLaboral}" 

             style="border: none; width: 80%; margin: 5px auto;">
        <h:form id="experienciaLaboralCreateForm">
            <p:growl id="growl" showDetail="true" life="3000" sticky="true" />  
            <h:panelGroup id="display">
                #{experienciaLaboralController.iniciaSelected()}
                <p:fieldset legend="Informacion Empresa" style="margin-bottom:20px">
                    <h:panelGrid 
                        columns="4" 
                        border="0"
                        columnClasses="column1Class, column2Class,column3Class,column4Class">
                        <p:outputLabel rendered="true" value="#{bundleEtiquetasES.Empresa}:" 
                                       for="empresa" />
                        <p:inputText id="empresa" 
                                     required="true"
                                     onkeyup="value = value.toUpperCase()"
                                     styleClass="inputText" 
                                     requiredMessage="Ingrese el Nombre de La Empresa"
                                     value="#{experienciaLaboralController.selected.empresa}" 
                                     title="#{bundleEtiquetasES.Empresa}" >
                            <p:watermark for="empresa" value="Nombre Empresa o Negocio"/>
                        </p:inputText>
                        <p:outputLabel rendered="true" value="TELEFONO:" 
                                       for="telefono" />
                        <p:inputText id="telefono" 
                                     onkeyup="value = value.toUpperCase()"
                                     styleClass="inputText" 
                                     value="#{experienciaLaboralController.selected.telefonoEmpresa}" 
                                     title="#{bundleEtiquetasES.Empresa}" >
                            <p:watermark for="telefono" value="Telefono de la Empresa"/>
                        </p:inputText>
                        <p:outputLabel rendered="true" value="DIRECCION:" 
                                       for="direccion" />
                        <p:inputText id="direccion" 
                                     onkeyup="value = value.toUpperCase()"
                                     styleClass="inputText" 
                                     value="#{experienciaLaboralController.selected.direccionEmpresa}" 
                                     title="#{bundleEtiquetasES.Empresa}" >
                            <p:watermark for="direccion" value="Direccion de La Empresa"/>
                        </p:inputText>  

                    </h:panelGrid>
                </p:fieldset>
                <p:fieldset legend="Informacion Trabajo" style="margin-bottom:20px">
                    <h:panelGrid 
                        columns="4" 
                        border="0"
                        columnClasses="column1Class, column2Class,column3Class,column4Class" 
                        >

                        <p:outputLabel rendered="true" value="#{bundleEtiquetasES.Cargo}:" 
                                       for="cargo" />
                        <p:inputText id="cargo" 
                                     onkeyup="value = value.toUpperCase()"
                                     styleClass="inputText" 
                                     value="#{experienciaLaboralController.selected.cargo}" 
                                     title="#{bundleEtiquetasES.Cargo}" >
                            <p:watermark for="cargo" value="Cargo que haya Realizado"/>
                        </p:inputText>

                        <p:outputLabel value="#{bundleEtiquetasES.InicioActividades}:" 
                                       for="fechaInicio" />
                        <p:calendar id="fechaInicio" 
                                    pattern="dd/MM/yyyy" 
                                    styleClass="inputText" 
                                    value="#{experienciaLaboralController.selected.fechaInicio}" 
                                    title="#{bundleEtiquetasES.InicioActividades}" 
                                    required="true" 
                                    requiredMessage="#{bundleEtiquetasES.InicioActividades} #{bundleEtiquetasES.CampoRequerido}" 
                                    >
                            <p:watermark for="fechaInicio" value="DD/MM/AAAA"/>
                        </p:calendar>
                        <p:outputLabel value="#{bundleEtiquetasES.Tiempo} DE SERVICIO:" 
                                       for="tiempo" />
                        <p:inputText id="tiempo" 
                                     styleClass="inputText" 
                                     required="true"
                                     onkeyup="value = value.toUpperCase()"
                                     value="#{experienciaLaboralController.selected.tiempo}" 
                                     title="#{bundleEtiquetasES.Tiempo}" >
                            <p:watermark for="tiempo" value="Ejemplo: 5 meses"/>
                        </p:inputText>
                        <p:commandButton id="botonSubir" value="Subir Documento" onclick="dialogSubida.show();
                                return false;"/>
                        <p:inputText id="url" 
                                     disabled="true"
                                     styleClass="inputText" 
                                     value="#{experienciaLaboralController.selected.url}" 
                                     title="#{bundle.CreateReferenciaPersonalTitle_url}" />



                    </h:panelGrid>
                    <h:panelGrid columns="2" border="0" columnClasses="column1Class, column2Class">
                        <p:outputLabel rendered="true" value="#{bundleEtiquetasES.Actividades}:" 
                                       for="actividades" />
                        <p:inputTextarea id="actividades" 
                                         onkeyup="value = value.toUpperCase()"
                                         cols="125"
                                         value="#{experienciaLaboralController.selected.actividades}" 
                                         title="#{bundleEtiquetasES.Actividades}" >
                            <p:watermark for="actividades" value="Ingresa las Actividades que haya realizado en tal Trabajo"/>
                        </p:inputTextarea>
                    </h:panelGrid>
                </p:fieldset>

                <div  style="margin-left: 50%; margin-bottom: 20px; margin-top: 10px;">
                    <p:commandButton actionListener="#{experienciaLaboralController.guardaNuevo(event)}" 
                                     value="#{bundleEtiquetasES.Agregar}/MODIFICAR" icon="ui-icon-disk" 
                                     update="growl,:experienciaLaboralListForm,
                                     :experienciaLaboralCreateForm:empresa,
                                     :experienciaLaboralCreateForm:cargo,
                                     :experienciaLaboralCreateForm:fechaInicio,
                                     :experienciaLaboralCreateForm:actividades,
                                     :experienciaLaboralCreateForm:tiempo,
                                     :experienciaLaboralCreateForm:telefono,
                                     :experienciaLaboralCreateForm:direccion,
                                     :experienciaLaboralCreateForm:url" ajax="false"/>


                </div>
            </h:panelGroup>

        </h:form>
        <f:facet name="footer">
            <p:outputLabel value="Nota: " style="color:red; "/>
            <p:outputLabel value="En caso de subir Documento, subir del ultimo empleo, de Empleos anteriores no es necesario subir." style="color:#6600ff; "/>
        </f:facet>
    </p:panel>
    <p:separator style="border-style: dotted; width: 75%; margin-bottom: 10px;"/>
    <ui:include src="lista.xhtml"/>
    <p:dialog widgetVar="dialogSubida" width="600" height="200" modal="true">
        <h:form id="SubirArchivoExperienciaLaboral" enctype="multipart/form-data">
            <p:fileUpload fileUploadListener="#{experienciaLaboralController.subirArchivos}" 
                          mode="advanced" 
                          dragDropSupport="false"
                          label="Buscar Archivo"
                          update="messages,SubirArchivoExperienciaLaboral :experienciaLaboralCreateForm:url" 
                          sizeLimit="900000" 
                          cancelLabel="Cancelar"
                          uploadLabel="Subir"
                          fileLimit="1" 
                          allowTypes="/(\.|\/)(png|jpg|pdf|doc|docx)$/" 
                          oncomplete="PF('dialogSubida').hide();"/>
            <p:growl id="messages" showDetail="true" />
        </h:form>
        <f:facet name="footer">
            <p:outputLabel value="Nota: " style="color:red; "/>
            <p:outputLabel value="Los formatos que permite subir son: png, jpg, pdf, doc, docx " style="color:#6600ff; "/>
        </f:facet>
    </p:dialog>
</ui:composition>


